@charset "UTF-8";
/*reset*/
*{word-wrap:break-word}
html,body,h1,h2,h3,h4,h5,h6,hr,p,iframe,dl,dt,dd,ul,ol,li,pre,form,button,input,textarea,th,td,fieldset{margin:0;padding:0}
ul,ol,dl{list-style-type:none}
html,body{*position:static}
html{font-family: sans-serif;-webkit-text-size-adjust:100%;-ms-text-size-adjust:100%}
address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:400}
input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit}
input,button{overflow: visible;vertical-align:middle;outline:none}
body,th,td,button,input,select,textarea{font-family:"Microsoft Yahei","Hiragino Sans GB","Helvetica Neue",Helvetica,tahoma,arial,Verdana,sans-serif,"WenQuanYi Micro Hei","\5B8B\4F53";font-size:12px;color: #333;-webkit-font-smoothing: antialiased;-moz-osx-font-smoothing:grayscale}
body{line-height:1.6}
h1,h2,h3,h4,h5,h6{font-size:100%}
a,area{outline:none;blr:expression(this.onFocus=this.blur())}
a{text-decoration:none; cursor: pointer}
a:hover{outline:none}
a.ie6:hover{zoom:1}
a:focus{outline:none}
a:hover,a:active{outline:none}:focus{outline:none}
sub,sup{vertical-align:baseline}
button,input[type="button"], input[type="submit"] {line-height:normal !important;}
/*img*/
img{border:0;vertical-align:middle}
a img,img{-ms-interpolation-mode:bicubic}
.img-responsive{max-width: 100%;height: auto}
 
/*IE下a:hover 背景闪烁*/
*html{overflow:-moz-scrollbars-vertical;zoom:expression(function(ele){ele.style.zoom = "1";document.execCommand("BackgroundImageCache",false,true)}(this))}
/*html5*/
article,aside,dialog,footer,header,section,footer,nav,figure,menu{display:block}
/*清除浮动*/
.clearFix:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
/*----------------------------------------------------------------------------------------------------------------------------*/
body{overflow-x: hidden;}

/*----------------------header----------------------*/
.header {width: 100%; height: 116px; background: url(../img/top_bgpic.jpg) no-repeat #b11016 center top;}
.header .header_cont {width: 1200px; height: 100%; background: url(../img/top_bgpic.jpg) no-repeat #b11016 center top; margin: 0 auto;}
.header .header_cont .logo {width: 246px; height: 57px; display: block; float: left; margin-top: 28px;}
.header .header_cont .shangbiao {width: 115px; height: 34px; display: block; float: left; margin: 40px 0 0 15px;}
.header .header_cont .header_right {width: 216px; height: 116px; float: right;}
.header .header_cont .header_right ul {padding: 20px 0 0 32px;}
.header .header_cont .header_right ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.header .header_cont .header_right ul li {float: left; padding: 5px 5px; color: #fff;}
.header .header_cont .header_right ul li a {color: #fff;}
.header .header_cont .header_right span {width: 212px; height: 30px; display: block; position: relative; padding-left: 4px;}
.header .header_cont .header_right .search {width: 212px; height: 30px; border-radius: 15px; border: none; text-indent: 14px;}
.header .header_cont .header_right .submit {width: 30px; height: 30px; border: none; background: url(../img/search_ico.png) no-repeat center; position: absolute; right: 5px; top: 0;}

/*----------------------nav----------------------*/
.nav {width: 100%; height: 40px; background-color: #343434;}
.nav .nav_box {width: 1200px; height: 100%; #343434; margin: 0 auto;}
.nav .nav_box #nav_ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.nav .nav_box .nav_li {float: left; position: relative;}
.nav .nav_box .nav_li a {height: 40px; display: block; line-height: 40px; padding: 0 26px; color: #fff; font-size: 14px;}
.nav .nav_box .nav_li a:hover {background-color: #770c0b;}
.nav .nav_box .nav_li .nav_ol {width: 120px; height: 0; position: absolute; left: -6px; top: 40px; z-index: 999; overflow: hidden;}
.nav .nav_box .nav_li .nav_ol a {width: 100%; height: 40px; display: block; text-align: center; line-height: 40px; background: rgba(119,12,11,0.8); padding: 0; margin-bottom: 1px;}
.nav .nav_box .nav_li .nav_ol a:hover {background: rgba(119,12,11,1); color: #DDA875;}

/*---------------------------------------------轮播------------------------------------------------*/
#banner {position: relative; overflow: hidden; margin: 0 auto; border-bottom: solid #B11016 15px;}
#banner_list li {position: absolute; left: 0; top: 0;}
#banner_list li img {width: 100%; max-width: 1920px;}

#btn_list {position: absolute; left: 50%; bottom: 15px;}
#btn_list li {float: left; padding-right: 1px;}
#btn_list li a {width: 80px; height: 6px; display: block; background-color: rgba(0,0,0,0.5);}
#btn_list .active {background-color: red;}

#banner .left, #banner .right {width: 48px; height: 48px; display: block; position: absolute; top: 50%; margin-top: -24px; filter: alpha(opacity=20); opacity: 0.2;}
#banner .left {background: url(../img/leftbtn.png) no-repeat; left: 10%;}
#banner .right {background: url(../img/rightbtn.png) no-repeat; right: 10%;}

/*---------------------------------------------产品------------------------------------------------*/
.pro_box {width: 100%; height: 616px; background: url(../img/main_bgpic.jpg) center top no-repeat;}
.pro_box .pro_cont {width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.pro_box .pro_cont .titles {width: 100%; height: auto; padding-top: 60px;}
.pro_box .pro_cont .titles h3 {font-size: 36px; font-weight: 100; float: left;}
.pro_box .pro_cont .titles .pro_title {width: 1010px; float: right;}
.pro_box .pro_cont .titles .pro_title:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.pro_box .pro_cont .titles .pro_title li {float: left; padding: 10px 20px;}
.pro_box .pro_cont .titles .pro_title li a {color: #333; height: 40px; line-height: 40px; font-size: 16px;}

.pro_box .pro_cont .pro_ul {width: 1200px; height: 376px; position: relative; overflow: hidden; top: 20px;}
.pro_box .pro_cont .pro_ul ul {position:  absolute; left: 0; top: 0;}
.pro_box .pro_cont .pro_ul ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.pro_box .pro_cont .pro_ul ul li {width:400px; float: left;}
.pro_box .pro_cont .pro_ul ul li img {width: 400px; height: 325px;}
.pro_box .pro_cont .pro_ul ul li p {width: 100%; line-height: 36px; text-align: center; color: #333; font-size: 16px;}

#left_btn, #right_btn {width: 28px; height: 152px; display: block; position: absolute; top: 50%; margin-top: -82px; z-index: 999; filter: alpha(opcity=50); opacity: 0.5; transition: all 0.5s;}
#left_btn {background: url(../img/pro_left.png); left: 0;}
#right_btn {background: url(../img/pro_right.png); right: 0;}
#left_btn:hover, #right_btn:hover {filter: alpha(opacity=100); opacity: 1;}
.pro_box .more {width: 150px; height: 40px; display: block; color: #770C0B; border: 1px solid #770C0B; text-align: center; line-height: 40px; margin: 50px auto 0;}
.pro_box .more:hover {background-color: #770C0B; color: #fff;}

/*---------------------------------------------新闻------------------------------------------------*/
.news_box {width: 100%; height: 648px; background: url(../img/new_bgpic.jpg) no-repeat center;}
.news_box .news_cont {width: 1200px; height: 100%; margin: 0 auto; position: relative;}
.news_box .news_cont .news_ltil h3{width: 100%; height: 40px; font-size: 36px; color: #fff; font-weight: 100; padding-top: 40px;}
.news_box .news_cont .news_ltil p{width: 100%; font-size: 24px; color: #fff; padding-bottom: 60px;}
.news_box .news_cont .left {width: 768px; float: left;}
.news_box .news_cont .left:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.news_box .news_cont .left .l_left {width: 300px; height:287px; float: left; position: relative;}
#pic_uls {width: 100%; height: 100%;}
#pic_uls li {position: absolute; left: 0; top: 0;}
#small_btn {width: 300px; height: 8px; display: block; position: absolute; left: 0; bottom: 0; z-index: 999;}
#small_btn a {width: 99px; height: 8px; margin-right: 1px; display: block; background-color: rgba(0,0,0,0.6); float: left;}
#small_btn .active {background-color: #FF0000;}

#news_uls {width: 462px; height: 312px; float: right;}
#news_uls li {width: 100%; height: 95px; border-left: 3px solid rgb(224,173,172,0.3); background-color: rgba(24,7,0,0.3); margin-bottom: 1px;}
#news_uls li:hover {border-left: 3px solid rgb(224,173,172,1); background-color: rgba(24,7,0,1);}
#news_uls li span {width: 78px; height: 80px; display: block; border: 1px solid #DDA875; float: left;margin: 5px 0 0 5px;}
#news_uls li span h3 {width: 100%; height: 56px; line-height: 56px; text-align: center; color: #fff; font-size: 48px;}
#news_uls li span p {width: 100%; height: 26px; line-height: 26px; color: #DDA875; text-align: center;}
#news_uls li div {width: 344px; float: right; padding-right: 10px;}
#news_uls li div a {width: 100%; line-height: 24px; display: block; color: #fff; font-size: 16px; padding-top: 10px;}
#news_uls li div a:hover {color: #DDA875;}
#news_uls li div p {width: 100%; line-height: 20px; font-size: 12px; color: #fff; padding-top: 5px;}

.news_box .right {width: 410px; float: right; position: relative; top: -56px;}
.news_box .right h3 {width: 100%; height: 56px; line-height: 56px; color: #fff; font-size: 30px; font-weight: 100;}
.news_box .news_cont .more {width: 150px; height: 40px; display: block; color: #e0ad7a; border: 1px solid #e0ad7a; text-align: center; line-height: 40px; position: absolute; bottom: 50px; left: 50%; margin-left: -75px;}
.news_box .news_cont .more:hover {background-color: #e0ad7a; color: #fff;}

/*---------------------------------------------map------------------------------------------------*/
.map_box {width: 100%; height: 366px; background: url(../img/map_pic.jpg) no-repeat center;}
.map_box .map_cont {width: 1200px; height: 100%; margin: 0 auto;}
.map_box .map_cont div {width: 430px; height: 136px; border: 1px solid #e7e7e7; position: relative; top: 110px; left: 100px; background: #fff;}
.map_box .map_cont .erweima {width: 89px; height: 89px; display: block; padding: 12px; float: left;}
.map_box .map_cont span {width: 300px; float: right; padding: 14px 0 0 12px;}
.map_box .map_cont span p {width: 100%; line-height: 14px; color: #999; padding-top: 10px;}

/*---------------------------------------------footer------------------------------------------------*/
.link {width: 100%; height: 44px; background-color: #b11016; border-bottom: 1px solid #9f0f13;}
.link ul {width: 1200px; height: 100%; margin: 0 auto;}
.link ul li {float: left; line-height: 44px; padding: 0 5px; color: #fff;}
.link ul li a {color: #fff;}
.footer {width: 100%; height: 150px; background-color: #b11016;}
.footer .copy {width: 1200px; height: 114px; padding-top: 36px; margin: 0 auto}
.footer .copy .foot_logo {width: 173px; height: 40px; display: block; background: url(../img/foot_logo.png) no-repeat center; float: left;}
.footer .copy span {width: 368px; display: block; float: left; padding-left: 20px;}
.footer .copy span p {color: #fff; font-size: 12px; line-height: 20px;}
.footer .copy span p a {color: #fff;}


/*---------------------------------------------newslis_page------------------------------------------------*/
.page_news {width: 100%; height: 400px; background: url(../img/page_bgpic.jpg) repeat-x;}
.page_news img {width: 1200px; height: 360px; display: block; margin: 0 auto; position: relative; top: 60px;}
.page_title_box {width: 100%; height: 112px; border-bottom: 1px solid #E7E7E7; border-top: 6px solid #B11016;}
.page_title_box .page_title {width: 1200px; height: 100%; margin: 0 auto;}
.page_title_box .page_title .left {width: 268px; height: 40px; float: left; display: block; padding-top: 30px;}
.page_title_box .page_title .left h3 {width: 100%; height: 40px; font-size: 30px; color: #770C0B; font-weight: 100;}
.page_title_box .page_title .left p {font-size: 16px; color: #666;}
.page_title_box .page_title .right {width: 268px; height: 40px; float: right; display: block; padding-top: 52px;}
.page_title_box .page_title .right a {font-size: 14px; color: #666; display: inline;}


.page_cont {width: 1200px; height: auto; margin: 0 auto 50px;}
.page_cont .cont_left {width: 269px; height: auto; float: left;}
.page_cont .cont_left .subnav {margin: 20px 0;}
.page_cont .cont_left .subnav li {margin-bottom: 1px;}
.page_cont .cont_left .subnav li a {width: 269px; height: 48px; display: block; color: #fff; font-size: 14px; line-height: 48px; text-indent: 24px; background-color: #B11016;}
.page_cont .cont_left .subnav a:hover {background-color: #770C0B;}
/**/
.page_cont .cont_left .news_index {margin: 30px 0;}
.page_cont .cont_left .news_index li {width: 245px; height: 32px; line-height: 32px; font-family: "宋体"; list-style: disc; margin-left: 24px;}
.page_cont .cont_left .news_index li a {color: #666;}
.page_cont .cont_left .news_index li a:hover {color: #F1500C;}
.page_cont .cont_left .news_index span {width: 267px; height: 48px; display: block; color: #333;border-left: 2px solid #B11016; border-bottom: 1px solid #e7e7e7;}
.page_cont .cont_left .news_index span h3 {line-height: 48px; color: #333; float: left; font-size: 14px; text-indent: 24px;}
.page_cont .cont_left .news_index span a {line-height: 48px; font-size: 12px; color: #999; float: right;}

.page_cont .cont_right {width: 791px; height: auto; float: right;}
.page_cont .cont_right .news_cont li {width: 100%; height: auto; padding: 30px 0; border-bottom: 1px solid #e7e7e7;}
.page_cont .cont_right .news_cont li:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.page_cont .cont_right .news_cont li img {width: 270px; height: 189px; display: block; float: left;}
.page_cont .cont_right .news_cont li div {width: 500px; height: auto; float: right; padding-left: 20px;}
.page_cont .cont_right .news_cont li div a {font-size: 16px; color: #333;}
.page_cont .cont_right .news_cont li div a:hover {color: #F1500C;}
.page_cont .cont_right .news_cont li div p {font-size: 12px; color: #999; line-height: 24px; padding: 30px 0 60px 0;}
.page_cont .cont_right .news_cont li div p a {font-size: 12px; color: #F1500C; line-height: 24px;}
.page_cont .cont_right .news_cont li div em {color: #999; font-size: 12px;}

.page_cont .cont_right .page {width: 100%; height: 40px;}
.page_cont .cont_right .page:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.page_cont .cont_right .page ul {margin: 0 auto;}
.page_cont .cont_right .page ul li {float: left; margin-right: 10px;}
.page_cont .cont_right .page ul li a {width: 30px; height: 30px; display: block; border: 1px solid #999; color: #999; text-align: center; line-height: 30px;}
.page_cont .cont_right .page .next_page {width: 48px;}
.page_cont .cont_right .page ul li a:hover {background-color: #F1500C; border: 1px solid #F1500C; color: #fff;}

.page_cont .cont_rtext {width: 791px; height: auto; float: right;}
.page_cont .cont_rtext .title_h3 {width: 769px; height: auto; border-left: 2px solid #F1500C; padding: 0 0 10px 20px; text-align: center;}
.page_cont .cont_rtext .title_h3 h3 {font-size: 24px;}
.page_cont .cont_rtext .title_h3 span {display: block; width: 460px; margin: 10px auto 0;}
.page_cont .cont_rtext .title_h3 span:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.page_cont .cont_rtext .title_h3 span p {float: left; padding-right: 20px;}
.page_cont .cont_rtext .news_text {padding: 30px 20px; line-height: 28px; font-size: 14px; border-top: 1px solid #e7e7e7;}

/*----------新闻详情页面----------*/
.page_cont .cont_right h3 {width: 100%; font-size: 24px; color: #770C0B; text-align: center; padding: 30px 0;}
.page_cont .cont_right em {width: 100%; display: block; font-size: 14px; color: #999; border-top:1px dashed #e7e7e7; border-bottom:1px dashed #e7e7e7; text-align: center; padding: 5px 0; margin: 0 0 20px 0;}
.page_cont .cont_right img {width: 100%; height: auto; display: block; margin: 0 auto;}
.page_cont .cont_right p {font-size: 14px; line-height: 28px;}


/*----------pro_lis----------*/
.page_cont .cont_right ul {width: 100%; padding: 30px 0;}
.page_cont .cont_right ul:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.page_cont .cont_right ul li {float: left; margin: 0 23px 20px 0;}
.page_cont .cont_right p {line-height: 20px;}
.page_cont .cont_right .p1 {font-size: 14px; color: #333; text-align: center; padding: 5px 0;}
.page_cont .cont_right .p2 {font-size: 14px; color: #999;}

/**/
body, html {height: 100%;}
#big_black {width: 100%; height: 100%; background-color: rgba(0,0,0,0.6); position: fixed; left: 0; top: 0; z-index: 999; display: none;}
#pro_dome {width: 600px; height: 650px; border: 1px solid #e7e7e7; position: absolute; left: 50%; margin-left: -300px; top: 50%; margin-top: -350px; background-color: #fff;}
#pro_dome img {width: 580px; height: 580px; display: block; padding: 10px; background-color: #fff;}
#pro_dome h3 {width: 100%; padding: 0 10px; font-size: 16px; color: #333; box-sizing: border-box;}
#pro_dome p {width: 100%; padding: 0 10px; line-height: 20px; font-size: 14px; color: #999; box-sizing: border-box;}
#pro_dome a {width: 80px; height: 32px; display: block; color: #fff; text-align: center; line-height: 36px; position: absolute; right: 15px; bottom: 65px; background-color: orange; border-radius: 3px;}
#pro_dome a:hover {background-color: orangered;}


/*----------留言板----------*/
.page_cont .liuyan_right {width: 791px; height: auto; float: right;}
.liuyan_right .liuyan_title {width: 100%; height: 40px; line-height: 40px; text-align: center; background: #B11016; color: #fff; font-weight: 100; font-size: 24px; margin: 20px auto 0;}
.liuyan_right .liuyan_box {width: 788px; border: 1px solid #e7e7e7; margin: 20px auto 0;}
.liuyan_right .liuyan_box .liuyan_top {width: 770px; height: auto;  margin: 8px; border: 1px solid #B11016;}
.liuyan_right .liuyan_box .liuyan_top .name_fabu {width: 100%; height: 36px; background-color: #B11016;}
.liuyan_right .liuyan_box .liuyan_top .name_fabu:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.liuyan_right .liuyan_box .liuyan_top .name_fabu h3 {float: left; line-height: 36px; font-size: 16px; text-indent: 12px; font-weight: 100; color: #fff;}
.liuyan_right .liuyan_box .liuyan_top .name_fabu em {float: right; padding-right: 10px; font-size: 14px; line-height: 36px; color: #fff;}
.liuyan_right .liuyan_box .liuyan_top .fabu_cont .fabu_tex {font-size: 14px; line-height: 28px; margin: 5px; padding: 5px; border: 1px solid #e7e7e7;}
.liuyan_right .liuyan_box .liuyan_top .fabu_cont .fabu_huifu {font-size: 14px; line-height: 28px; margin: 5px; padding: 5px;}
.liuyan_right .liuyan_box .liuyan_top .fabu_cont .fabu_huifu strong {color: #B11016;}

.liuyan_right .liuyan_box .liuyan_page {line-height: 40px; text-indent: 14px; padding: 10px; font-size: 14px;}
.liuyan_right .liuyan_box .liuyan_fram {margin: 8px; padding: 5px;}
.liuyan_right .liuyan_box .liuyan_fram:after {clear: both;  display: block;  visibility: hidden;  height: 0;  line-height: 0;  content:'';}
.liuyan_right .liuyan_box .liuyan_fram h3 {width: 100%; background-color: #B11016; line-height: 36px; font-size: 16px; text-indent: 12px; font-weight: 100; color: #fff;}
.liuyan_right .liuyan_box .liuyan_fram div {width: 100%; height: 40px;margin: 10px 0;}
.liuyan_right .liuyan_box .liuyan_fram div p {float: left; font-size: 14px; line-height: 40px; text-indent: 14px;}
.liuyan_right .liuyan_box .liuyan_fram div input {width: 220px; height: 32px; border: 1px solid #999; text-indent: 6px; margin-top: 5px;}
.liuyan_right .liuyan_box .liuyan_fram .text {height: 150px;}
.liuyan_right .liuyan_box .liuyan_fram .text textarea {width: 558px; height: 120px; padding: 5px; margin-top: 10px;}
#btnas {width: 284px; height: 80px; margin: auto; overflow: hidden;}
#btnas input {width: 120px; margin: 10px 20px 0 0; background-color: #e7e7e7; cursor: pointer;}
#btnas input:hover {background-color: #B11016; border: 1px solid #B11016; color: #fff;}



/*--------------------------------------------------------------------*/